<template>
  <div id="app">
    <h1>AI-SOES 测试页面</h1>
    <p>如果您能看到这个页面，说明前端应用正在正常运行。</p>
    <el-button type="primary" @click="showMessage">测试按钮</el-button>
  </div>
</template>

<script setup lang="ts">
import { ElMessage } from 'element-plus'

const showMessage = () => {
  ElMessage.success('前端应用运行正常！')
}
</script>

<style scoped>
#app {
  padding: 20px;
  text-align: center;
}

h1 {
  color: #409eff;
  margin-bottom: 20px;
}
</style>